@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0;outline:0;font-family:"微软雅黑"; font-size:14px; color: #ccc;}
.clear{clear:both;}
ol,ul,li{list-style:none;}
a{text-decoration:none; color: #ccc;}
a:hover{text-decoration:none;}
a:hover img{text-decoration:none;}
img{overflow:hidden;vertical-align:top; border:0px;}


.c_banner{ width:100%; min-width:1100px; height:797px; overflow:hidden; background:url(../images/bg_1.jpg) no-repeat top center;}
.c_about{ width:100%; min-width:1100px; height:956px; overflow:hidden; background:url(../images/bg_2.jpg) no-repeat top center;}
.c_aboutbox{ width:1100px; margin:0 auto; overflow:hidden;}
.boxtxt{ width:464px; overflow:hidden; float:right; margin-right:26px;}
.c_aboutbox h3{ width:464px;  font-size:18px; color:#fff; font-weight:normal; font-style:italic; height:50px; line-height:50px; margin-top:45px; margin-left:-464px;}
.a_zy{ color:#fff; font-size:14px; line-height:30px;font-style:italic; height:210px; overflow:hidden; margin-left:464px; opacity:0;}

.c_pro{ width:100%; min-width:1100px; height:519px; overflow:hidden; background:url(../images/bg_3.jpg) no-repeat top center; padding-top:333px;}
.p_list{ width:1100px; margin:0 auto; overflow:hidden;}
.p_list li{ float:left; width:275px; overflow:hidden;}
.p_list li img{ width:275px; height:410px; overflow:hidden;}
.p_list li a{ display:block; position:relative;width:275px; height:410px; overflow:hidden;}
.c_txt{ width:275px; height:410px; overflow:hidden; position:absolute; top:0px; left:0px; background:url(../images/i_bg.png) no-repeat;}
.c_txt h3{ text-align: center; color:#fff; height:40px; line-height:40px; overflow:hidden; margin-top:165px; font-size:16px; color:#c0c0c0;}
.c_txt span{ text-align: center; display:block; width:100%; color:#c0c0c0; font-size:14px;}
.p_list li a:hover .c_txt{ top:-410px; transition:0.3s all;}
.mr_frbox{ width:1100px; margin:0 auto; overflow:hidden;}

.c_news{ width:100%; min-width:1100px; height:624px; padding-top: 120px; overflow:hidden; background:url(../images/bg_4.jpg) no-repeat top center;}
.n_list{ width: 1100px; margin: 0 auto;}
.c_news ul{}
.c_news ul li{ width:1060px; height:200px;padding: 20px; background:#2c2c2c; box-shadow: 0 0 5px 2px #000, inset 0 0 5px 1px #666; position: relative; margin-bottom:40px;}
.c_news ul li .img{ float:left; width:300px; height:200px;background: url(../images/bg_news_li.jpg) no-repeat center;position:relative; margin-right:20px;}
.c_news ul li .img a{display: block;width: 300px;height: 200px;}
.c_news ul li .img img{ display:block; width:300px; height:200px;}
.c_news ul li .txt{ float:left; width: 700px; height:160px; padding: 20px; position: relative;}
.c_news ul li .txt .style{ margin-bottom:14px;}
.c_news ul li .txt .style a{ font-size:14px; line-height:24px; color:#fff; font-weight:normal;}
.c_news ul li:hover .txt .style a{color: #ff6e5c;}
.c_news ul li .txt .con{ height: 60px; overflow: hidden;}
.c_news ul li .txt .dat{ font-size: 12px;color:#999;position: absolute;left: 20px;bottom: 10px;}
.c_news ul li .txt .link{position: absolute;right: 20px;bottom: 10px;}
.c_news ul li .txt .link a{margin-left: 24px; font-size: 12px;}
.c_news ul li .txt .link a.read{padding-left: 18px;background: url(../images/icon_read.png) no-repeat left center;background-size: 13px 14px;}
.c_news ul li .txt .link a:hover{color: #ff6e5c;}

.c_footer{ width:100%; min-width:1100px; height:800px; padding-top: 55px; overflow:hidden; background:url(../images/bg_5.jpg) no-repeat top center;}
.c_footer .footerbox{ width: 1100px; margin: 0 auto;}
.c_footer h3{ font-size: 14px; color: #ff6e5c; margin-bottom: 20px;}
.c_footer h3 span{ color: #c0c0c0; padding-left: 15px; font-weight: normal; text-align: right;position: relative;}
.c_footer h3 span:before{ content: ""; width: 1px; height: 12px; background: #c0c0c0; position: absolute; left: 6px; top:4px;}

.c_footer .footer-honor{ float: left; width: 730px; margin-bottom: 50px;}
.c_footer .footer-honor ul{ width: 728px; height: 298px; padding-top: 30px; text-align: center; border: solid 1px #666;}
.c_footer .footer-honor ul li{ display: inline-block; width: 180px; height: 120px; margin: 0 20px; margin-bottom: 20px;}
.c_footer .footer-honor ul li img{ display: block; width: 180px; height: 120px;}

.c_footer .footer-message{ float: right; width: 300px; margin-bottom: 50px;}
.c_footer .footer-message .msg{ width:100%; margin:0 auto;}
.c_footer .footer-message .msg ul{ width:100%; height:auto;}
.c_footer .footer-message .msg ul li{ width:100%; line-height:30px; margin-bottom: 10px;}
.c_footer .footer-message .msg ul li input[type=text]{ width:288px; height:30px; background:#666; border: solid 1px #333; outline:none; padding:0px 5px;}
.c_footer .footer-message .msg ul li textarea{ display: block; max-width:288px; width: 288px; height:100px; padding: 5px; background:#666;border: solid 1px #333; overflow:hidden; outline:none; margin: 0;}
.c_footer .footer-message .msg ul li input.short{ width: 100px;}
.c_footer .c_but{ width:100px; height:40px; background:#333 ; border:1px solid #7e8387; margin:0 5px; line-height:40px; text-align:center; color:#fff; cursor:pointer;}
.c_footer .c_but:hover{background:#ff6e5c; border-color: #ff6e5c; color:#fff; text-decoration:none; }


.c_footer .footer-nav{ float: left; margin-right: 50px; margin-bottom:50px;position:relative;}
.c_footer .footer-nav > ul > li{ float:left; margin-right:28px; line-height:24px; font-size:12px; color:#fff;}
.c_footer .footer-nav > ul > li h2{ font-weight: normal; color:#fff; font-size:14px; margin-bottom:10px;}
.c_footer .footer-nav > ul > li ul li{ color:rgba(255,255,255,0.5);}
.c_footer .footer-nav > ul > li ul li a{ font-size:12px; color:rgba(255,255,255,0.5);position: relative;}
.c_footer .footer-nav > ul > li ul li a:before{ content:""; width:0; height:1px; background:#ff6e5c; position:absolute; left:0; bottom:-4px; transition:all linear 0.15s;}
.c_footer .footer-nav > ul > li ul li a:hover:before{ width:100%;}
.c_footer .footer-nav > ul > li ul li a:hover{ color:#ff6e5c;}
.c_footer .footer-nav > ul > li.contact{ float:right; width:210px; margin-right:0;}
.c_footer .footer-nav > ul > li div{ color:#fff;}

.c_footer .footer-code{ float: left; margin-right: 50px; margin-bottom:50px;}
.c_footer .footer-phone{ float: left; margin-bottom:50px;}



.c_footer .copyright{ width: 100%; height: 47px; padding: 0 25px; border-top: solid 2px #686868; background:url(../images/bg_footer.jpg) repeat-x bottom; line-height:47px; font-size: 12px; color:#ccc; margin-bottom: 50px;}
.c_footer .copyright a{ color:#ccc; font-size: 12px;}
.c_footer .copyright a:hover{ text-decoration:underline; color:#ff6e5c;}




/*head*/
#header{ width:100%; min-width:1200px; height:60px; background: url(../images/bg_nav.jpg) no-repeat center; position:relative; z-index:10;}
#header .header{ width:1200px; height:60px; margin:0 auto; position: relative;}
#header .header .logo{ float:left; width:354px; height:90px; background: url(../images/logo.png) no-repeat; background-size: cover; position: absolute; z-index:9}
#header .header .logo a{ display:block; width:100%; height:100%;}

#header .nav{ float:right; height:60px; position:relative; z-index:8}
#header .nav > ul{ margin:0 auto;}
#header .nav > ul > li{ float:left; height:60px; margin-left: 28px; text-align:center; transition:width ease-out 0.5s; position:relative;}
#header .nav > ul > li > a{ display:block; width:100%; height:60px; line-height:60px; font-size:14px; color:#fff; text-align:center;}

#header .nav > ul > li:hover > a,#header .nav > ul > li.on > a{ color:#ff6e5c; font-weight: bold;}

.wrap{ width: 1200px; margin: 0 auto;}

/*footer*/
.footer{ width:100%; padding-top:40px; min-width:1200px;}
.footer .footer-logo{ float:left; width:200px; height:30px; background:url(../images/logo_footer.png); margin-right:50px;}

.footer .footer-nav{ float: right; overflow:hidden; margin-bottom:40px;position:relative;}
.footer .footer-nav h3{ font-size: 14px; text-align: right; color: #ff6e5c; margin-bottom: 20px;}
.footer .footer-nav h3 span{ color: #c0c0c0; padding-left: 15px; font-weight: normal; text-align: right;position: relative;}
.footer .footer-nav h3 span:before{ content: ""; width: 1px; height: 12px; background: #c0c0c0; position: absolute; left: 6px; top:4px;}
.footer .footer-nav > ul > li{ float:left; margin-left:28px; line-height:24px; font-size:12px; color:#fff;}
.footer .footer-nav > ul > li h2{ font-weight: normal; color:#fff; font-size:14px; margin-bottom:10px;}
.footer .footer-nav > ul > li ul li{ color:rgba(255,255,255,0.5);}
.footer .footer-nav > ul > li ul li a{ font-size:12px; color:rgba(255,255,255,0.5);position: relative;}
.footer .footer-nav > ul > li ul li a:before{ content:""; width:0; height:1px; background:#ff6e5c; position:absolute; left:0; bottom:-4px; transition:all linear 0.15s;}
.footer .footer-nav > ul > li ul li a:hover:before{ width:100%;}
.footer .footer-nav > ul > li ul li a:hover{ color:#ff6e5c;}
.footer .footer-nav > ul > li.contact{ float:right; width:210px; margin-right:0;}
.footer .footer-nav > ul > li div{ color:#fff;}
.footer .copyright{ float: right; width: 485px; height: 47px; padding: 0 25px; border-top: solid 2px #686868; background:url(../images/bg_footer.jpg) repeat-x bottom; text-align:right; line-height:47px; font-size: 12px; color:#ccc; margin-bottom: 50px;}
.footer .copyright a{ color:#ccc; font-size: 12px;}
.footer .copyright a:hover{ text-decoration:underline; color:#ff6e5c;}




#about{ background: #000 url(../images/bg_about.jpg) no-repeat center top 60px;}
#news{ background: #000 url(../images/bg_news.jpg) no-repeat center top 60px;}
#product{ background: #000 url(../images/bg_product.jpg) no-repeat center top 60px;}
#lease{ background: #000 url(../images/bg_lease.jpg) no-repeat center top 60px;}
#tech{ background: #000 url(../images/bg_tech.jpg) no-repeat center top 60px;}
#join{ background: #000 url(../images/bg_join.jpg) no-repeat center top 60px;}
#contact{ background: #000 url(../images/bg_contact.jpg) no-repeat center top 60px;}


body:before{ content: "";width: 0; height: 0; border-top: 200px solid #333; border-left: 200px solid transparent; position: absolute; right: 0px; top: 60px; z-index: -1;}
body:after{ content: "";width: 0; height: 0; border-top: 500px solid #da4029; border-left: 500px solid transparent; position: absolute; right: 0px; top: 60px; z-index: -2;}


.container{width: 1200px; padding-top: 60px; margin:0 auto;}

/*二级导航*/
.sub-nav{ float:left; width:283px; margin-right:70px;}
.sub-nav h2{ width:245px; height:90px; padding-top: 51px; color:#fff; font-size:24px; font-style: italic; font-weight:lighter;position: relative; margin-bottom: 10px;}
.sub-nav h2:before{ content: ""; width: 395px; height: 141px; background: url(../images/bg_subnav_h2.png) no-repeat; position: absolute; right: 0; top: 0; z-index: -1;}
.sub-nav h2 span{ display: block; padding-left: 15px; font-size: 12px; font-weight: normal; color: #ff6e5c; text-transform: uppercase;position: relative;}
.sub-nav h2 span:before{ content:""; width: 1px; height:54px; background: #fff; position: absolute; left: -15px; top: -32px; transform: rotate(-45deg);}

.sub-nav ul li{ width:283px;height: 28px; line-height: 28px; text-indent:48px; background: url(../images/bg_subnav.png) no-repeat; margin-bottom: 10px; transition: 0.5s;}
.sub-nav ul li:nth-child(1){ margin-left: 0px;}
.sub-nav ul li:nth-child(2){ margin-left: 38px;}
.sub-nav ul li:nth-child(3){ margin-left: 76px;}
.sub-nav ul li:nth-child(4){ margin-left: 114px;}
.sub-nav ul li:nth-child(5){ margin-left: 152px;}
.sub-nav ul li:nth-child(6){ margin-left: 190px;}
.sub-nav ul li:nth-child(7){ margin-left: 228px;}
.sub-nav ul li a{ display: block; width:100%;height: 100%; color: #000;}
.sub-nav ul li:hover,.sub-nav ul li.on{ background: url(../images/bg_subnav_on.png) no-repeat; text-indent:58px;}

/*内容区*/
.sub-con{ float:right; width:700px; min-height: 700px; padding-bottom: 120px; position: relative;}
.sub-con:after{ content: ""; width: 0; height: 0; border-top: 100px solid #333; border-left: 100px solid transparent; position: absolute; right: -0px; bottom: 0px;}
.sub-con:before{ content: ""; width: 0; height: 0; border-top: 100px solid #da4029; border-left: 100px solid transparent; position: absolute; left: -140px; top: 151px;}
.sub-con > h2{ height: 51px; padding-top: 100px; font-size:16px; line-height:50px; color: #ff6e5c;position: relative;}
.sub-con > h2 span{ color: #c0c0c0; padding-left: 20px; font-size:16px; font-weight: normal;position: relative;}
.sub-con > h2 span:before{ content: ""; width: 1px; height: 14px; background: #c0c0c0; position: absolute; left: 9px; top: 5px;}
.sub-con .con{position: relative;}
.sub-con img{ max-width:100%;}

/*翻页*/
.page{ width:100%; margin-top:20px; margin-bottom:0px; text-align:center;}
.page ul li{ display:inline-block; margin:0 7px; font-size: 12px;}
.page a{ font-size: 12px;}
.page a:hover{ text-decoration:underline; color:#ff6e5c; }
.page .prev,.page .next{text-align: right;line-height: 24px; font-size: 12px;}



/*产品列表*/
.product-list{ clear:both;}
.product-list ul{ width: 710px;}
.product-list ul li{ float:left; width:345px; padding:10px; box-sizing:border-box; border: solid 1px #333; background: #000; margin-right: 10px; margin-bottom:10px; position: relative; transition: 0.5s;}
.product-list ul li:hover{ border: solid 1px #da4029;}
.product-list ul li .img{ width:323px; height:215px; margin-bottom:10px; position:relative;}
.product-list ul li .img img{ display:block; width: 100%;}
.product-list ul li .txt{}
.product-list ul li .txt .style{ font-size:12px; line-height:24px; color:#999;}


/*产品内页*/
.product-inf{float: left; width:250px; height:300px; margin-bottom:30px;position: relative;}
.product-inf .texture{ font-size: 12px; color:#999; margin-bottom:10px;}
.product-inf .con{ color:#999; font-size:12px; margin-bottom:20px;}
.product-inf .spec{}
.product-inf .spec h3{ font-size:15px; font-weight:normal; margin-bottom:10px;}

.product-img {float: right; position: relative;width: 450px;height: 300px; margin-bottom:30px;}
.product-img img{display: block;width: 450px;height: 300px;}

.product-con{}
.product-con > h3{ font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #333;}
.product-con div{}

/*Share*/
.share{position:absolute; left:0; bottom:0;}
.share p{margin-bottom: 20px;}
.share .btn a{ display:inline-block; float:left; background:url(../images/commodityicon.png) no-repeat; margin-right:20px;}
.share .btn a.sina-wb{ background-position:0 -98px; width:24px; height:17px; }
.share .btn a.qq-wx{ background-position:0 -125px;  width:22px; height:17px;}
.share .btn a.hb-wz{ background-position:-55px -98px;  width:17px; height:16px;}
.share .btn a.qq-gj{ background-position:-55px -125px;  width:18px; height:17px;}
.share .btn a.sina-wb:hover{ background-position:-26px -98px; }
.share .btn a.qq-wx:hover{ background-position:-26px -125px; }
.share .btn a.hb-wz:hover{ background-position:-76px -98px;}
.share .btn a.qq-gj:hover{ background-position:-76px -125px;}



/*新闻列表*/
.news-list{ clear:both; margin-bottom:40px;}
.news-list h2{ font-size:18px; font-weight:normal; margin-bottom:28px;}
.news-list ul li{ width:660px; height:160px;padding: 20px; background:#2c2c2c; box-shadow: 0 0 5px 2px #000, inset 0 0 5px 1px #666; position: relative; margin-bottom:20px;}
.news-list ul li .img{ float:left; width:240px; height:160px;background: url(../images/bg_news_li.jpg) no-repeat center;position:relative; margin-right:20px;}
.news-list ul li .img a{display: block;width: 240px;height: 160px;}
.news-list ul li .img img{ display:block; width:240px; height:160px;}
.news-list ul li .txt{ float:left; width: 400px; height:140px; padding: 10px 0; position: relative;}
.news-list ul li .txt .style{ margin-bottom:14px;}
.news-list ul li .txt .style a{ font-size:14px; line-height:24px; color:#fff; font-weight:normal;}
.news-list ul li:hover .txt .style a{color: #ff6e5c;}
.news-list ul li .txt .con{ height: 60px; overflow: hidden;}
.news-list ul li .txt .dat{ font-size: 12px;color:#999;position: absolute;left: 0;bottom: 10px;}
.news-list ul li .txt .link{position: absolute;right: 0;bottom: 10px;}
.news-list ul li .txt .link a{margin-left: 24px; font-size: 12px;}
.news-list ul li .txt .link a.read{padding-left: 18px;background: url(../images/icon_read.png) no-repeat left center;background-size: 13px 14px;}
.news-list ul li .txt .link a:hover{color: #ff6e5c;}

.news-info{ overflow:hidden; margin-bottom:0px; padding-bottom:20px;}


/*生产设备*/

/*在线影展内页*/
.ad-gallery {width: 700px; height:567px; margin: 0 auto; position:relative;}
.ad-gallery .ad-image-wrapper {width: 100%;height: 467px;margin-bottom: 10px;position: relative; overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 25%;height: 100%; cursor: pointer;display: block;z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0; top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {/* Or else IE will hide it */background: url(non-existing.jpg)\9}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_prev.png);width: 30px;height: 30px;display: none;position: absolute;top: 47%;left: 0;z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_next.png);width: 30px;height: 30px;right: 0;left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image a img {border: 0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding: 10px;text-align: left;width: 100%;z-index: 2; background: rgba(255,255,255,0.75);color: #666; font-size: 12px;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: rgba(255,255,255,0.75)}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block; color: #000; height: 24px; font-weight: normal; font-size: 14px;}
.ad-gallery .ad-controls {height: 20px; margin-bottom:10px;}/*开始播放和暂停按钮*/
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top: 0;height: 100%;z-index: 10;}
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;}
.ad-gallery .ad-back {cursor: pointer;left: -20px;width: 13px;display: block;background: url(../images/ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward {cursor: pointer;display: block;right: -20px;width: 13px;background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat;}
.ad-gallery .ad-nav {width: 100%; height:66px; position: relative;}/*图片列表*/
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 100%; height:100px;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
.ad-gallery .ad-thumbs li {float: left;padding-right: 5px;}
.ad-gallery .ad-thumbs li a {display: block; height:60px;}
.ad-gallery .ad-thumbs li a img {border: 3px solid #CCC;display: block; height:60px;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #616161;}
.ad-preloads {position: absolute;left: -9000px;top: -9000px;}

/*在线招聘*/
.joblist{ position:relative;}
.joblist ul li{ height:50px; line-height:50px; border-bottom:solid 1px #333;}
.joblist ul li span{ display:block; float:left; width:20%; text-align:center;}
.joblist ul li.th{ height:50px; line-height:50px; background:#333; border-top:solid 2px #333;}
.joblist ul li a{ display:block; width:80px; height:30px;background: #333; color:#fff; text-align:center; line-height: 30px; margin:10px auto;}
.joblist ul li a:hover{ background: #da4029;}

/*职位信息*/
.cdbar{border: solid 1px #333; padding:20px;}
.careers_con { overflow: hidden; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #333;}
.careers_con ul li{float:left;width:33.3333%;height:30px;overflow:hidden; color: #ccc;}
.careers_con ul li strong { font-weight:normal; color:#fff}
.careers_tit{font-weight:normal; font-size:16px; margin-bottom: 15px;}
.cdlist{ margin-bottom: 20px;}

.requirements{padding:20px;background:#333;margin-bottom:20px;}
.requirements strong{line-height:43px;height:70px; font-weight: normal;}
.requirements span{ }
.apply_btn{ height: 44px; overflow:hidden; margin-bottom: 0px;}
.careers{ float:right; width:110px;height:42px; margin-right:10px;border:1px solid #7e8387;text-align:center;line-height:42px;background:#333; color:#fff;}
.careers:hover{background:#da4029; border-color: #da4029;}
.close { cursor:pointer; float:right; width:110px; height:42px; text-align:center; line-height:42px; border:1px solid #7e8387; color:#7e8387}


/*申请列表*/
.input_box{border: solid 1px #333; padding:20px;}
.input_box .tit0{ color:#7e8387; font-weight:normal; color:#999; margin:10px 0; padding:5px 10px;}
.input_box .tit0 strong{ color:#7e8387; font-weight:normal;}
.input_box .text{ padding:10px 30px;}
.input_box ul{ width:100%; overflow:hidden;}
.input_box ul li{ width:100%; overflow: hidden; margin-bottom: 10px; min-height:30px; font-size:14px; line-height:30px; color:#666666; position: relative;}
.input_box ul li .lab{ float:left; width:150px; height: 30px; line-height: 30px; text-align:right; cursor: auto;}
.input_box ul li .inp{ float:left; width:350px; border:1px solid #333; margin-right:5px;}
.input_box ul li .tips{ float:left; width:350px; line-height: 20px;}
.input_box ul li .zhi{ float:left; margin:0 5px 0 0;}
.input_box ul li .t_nrt{ padding-top:10px;}
.input_box ul li .t_nrt dt{ position:relative; height:30px;}
.input_box ul li .t_nrt dt .x{ float:left; background:url(../images/input1_03.jpg) right 6px no-repeat; color:#823f3f; padding-right:15px; margin: 0 10px; cursor:pointer;}
.input_box ul li .t_nrt dd{ background:url(../images/input1_10.jpg) no-repeat; width:131px; height:23px; line-height:22px; font-size:12px; padding-left:15px; color:#823f3f;}
.input_box ul li em{ color:#7e8387; display:inline-block; float:left; padding:0 5px; position:relative; top:2px; font-style:normal;}
.input_box ul li .inp input{ font-size:14px; width:100%; padding: 0 10px; background:none; border:none; height:30px; line-height:30px;}
.input_box ul li .inp textarea { display: block;font-size:14px; width:100%; max-width: 100%; background:none; border:none; height:120px; line-height:22px;}
.input_box ul li .select{ height:22px; float:left; width:194px; background:url(../images/inputb.jpg) no-repeat left top #fff; border:1px solid #ddd;}
.input_box ul li .set1{ margin:0 30px 0 5px;}
.input_box ul li.inp50{ width:50%;}
.input_box ul li.inp50 .inp{  width:190px; }
.input_box ul li .inpfocus{ border-color:#8FBDEF;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(82, 168, 236, 0.6);outline: 0 none;}
.input_box ul li .sub{ padding:5px 15px; cursor:pointer; *padding:2px 7px; line-height:16px; border:none; margin-right:10px; color:#fff; font-size:14px; background:#b01b1d;}
.input_box ul li .sub:hover{  background:#830d0f;}
.input_box ul li .reset{padding:5px 15px; cursor:pointer; *padding:2px 7px; line-height:16px; border:none; margin-right:10px; color:#fff; font-size:14px; background:#c9a263;}
.input_box ul li .reset:hover{  background:#8f6118;}
.input_box ul li.inp50 .w81{ width:81px}
.input_box ul li.code .inp{ width:100px;}
.input_box ul li.code  img{ margin-left:20px; cursor:pointer; float:left;}
.input_box ul li.code  .cg{ margin-left:20px; color:#005ead; text-decoration:underline; float:left; }
.input_box ul li.code  .cg:hover{ color:#b01b1d;}
.input_box .select_0{ width:100%; position:relative;}
.input_box .select_0 dt{ background:url(../images/input1_14.jpg) right center no-repeat; padding:0 5px; cursor:pointer;}
.input_box .select_0 dd{ position:absolute; max-height:200px; overflow-y:auto; overflow-x:hidden; background:#fff; border:1px solid #ddd; width:100%; left:-2px; top:22px; display:none; z-index:100;}
.input_box .select_0 dd a{ display:block; line-height:1.5; color:#000; white-space:normal; padding:0 5px;}
.input_box .select_0 dd a:hover,.input_box .select_0 dd a.on{ background:#CCC;}
.input_box .radio_bon{ float:left;}
.input_box .radio_bon dd{background:url(../images/radio.jpg) no-repeat 0 0px; line-height: 30px; white-space:normal; float:left; margin-right:20px; cursor:pointer;}
.input_box .radio_bon dd input[type=radio]{margin-right: 4px;line-height: 30px; vertical-align:middle;}
.input_box .radio_bon dd.on{ background-position:0 -30px;}
.input_box .radio_bon dt{ display:none;}
.input_box .add_input li .reset { margin-right:50px;}
.input_box ul.add_inp2{ position:relative; margin-top:30px; }
.input_box ul li.in_clear0{ color:#F00; position:absolute; right:-10px; top:0; width:40px; text-align:center; cursor:pointer;}
.input_box .n_text0{ padding:0 30px;}
.input_box .bottom{ border-top:1px solid#333; text-align:center; padding-top: 20px;}
.input_box .bottom button{ display:inline-block; background:#333 ; border:1px solid #7e8387; margin:0 5px; line-height:40px; min-width:100px; text-align:center; color:#fff; cursor:pointer;}
.input_box .bottom input { display:inline-block;  min-width:100px; height:44px;background:#333 ; border:1px solid #7e8387; margin:0 5px; line-height:40px; text-align:center; color:#fff; cursor:pointer;}
.input_box .bottom input:hover {background:#da4029; border-color: #da4029;}
.input_box .bottom button.res{ background:none; color:#7e8387; border:1px solid #7e8387; cursor:pointer;}
.input_box .bun{ float:left; background:#93575a; padding:2px 10px; color:#fff; border-radius:5px; cursor:pointer;}
.input_box .add{ float:left;}
.input_box .add i{ font-style:normal;}
.input_box .add a{ color:#d45757; text-decoration:underline;}
.input_job_add{}
.input_job_add .cl0{ display:none;}
.input_job_add .cl1{ display:none;}
.j_add{ position:relative;}
.j_add .cl1{ position:absolute; right:0; top:0; color:#F00; width:20px; height:20px; cursor:pointer; display:block;}

/*留言板列表*/
#liuyan{ width:100%; margin:0 auto;}
#liuyan ul{ width:100%; height:auto; overflow:hidden; }
#liuyan ul li{ width:100%; line-height:30px; margin-bottom: 10px;}

#liuyan ul li label{ display: inline-block; width:80px; height:30px; vertical-align: top;}
#liuyan ul li input[type=text]{ display: inline-block; width:340px; height:30px; background: none; border: solid 1px #333; outline:none; padding:0px 5px;}
#liuyan ul li input[type=radio]{ margin-right: 5px;}
#liuyan ul li span{ margin-right: 10px;}
#liuyan ul li textarea{ max-width:600px; width: 600px; height:200px; padding: 5px; background: none;border: solid 1px #333; overflow:hidden; outline:none;}
 
.c_but{ width:100px; height:44px; background:#333 ; border:1px solid #7e8387; margin:0 5px; line-height:40px; text-align:center; color:#fff; cursor:pointer;}
.c_but:hover{background:#000; color:#fff; text-decoration:none; }


.fresh{ margin-left:5px; margin-right:5px;}
.fresh img{ display:inline-block;}
.fresh a{ float:left; display:block;}

.anchorBL{display:none;}